<template>
	<div class="page-wrap">
		<div class="page-inner">
			<div class="page-table-ctx-wrap">
				<!-- 控制器 -->
				<div class="actions-box">
					<div class="control-box">
						<div class="control-left">
							<div class="control-item">
								<el-button type="primary" @click="doAddMiaoSha()">
									添加
								</el-button>
								<!-- 	<el-button type="primary" @click="doAddProduct()">
									添加-页面
								</el-button> -->
							</div>
						</div>
						<div class="control-right">
							<!-- <div class="action-item">
                <el-input v-model="keyword" clearable placeholder="请输入关键词">
                  <el-button slot="append" size="small" icon="el-icon-search" @click="doSearch()">
                  </el-button>
                </el-input>
              </div> -->
						</div>
					</div>
				</div>
				<!-- 控制器 -->

				<!-- 渲染表格 -->
				<div class="table-view">
					<w_table ref="w_table" @emitTable="emitTable" />
				</div>
				<!-- 渲染表格 -->
				<div class="table-util">
					<div class="util-left">
						<!-- 批量选择 -->
					</div>
					<div class="util-right">
						<div class="pagi-item">
							<w_pagination v-if="tableData.length" :total="total" :pagination="pagination"
								@size-change="onSizeChange" @current-change="onCurrentChange" />
						</div>
					</div>
				</div>
			</div>
		</div>


		<w_form_modal ref="w_form_modal" @confirm="confirmFormSubmit" />
		<w_detail_modal ref="w_detail_modal" @confirm="confirmFormSubmit" />
	</div>
</template>

<script>
import page_config from "@/constant/product/miaosha/miaosha-list.js";
import page_mixin from "@/mixins/page_mixin.js";
export default {
	name: "product",
	mixins: [page_mixin],
	components: {

	},
	data() {
		return {
			page_config
		};
	},
	computed: {

	},
	watch: {},
	created() {

	},
	mounted() {

	},
	methods: {
		doAddMiaoSha() {
			this.$router.push('/miaosha-form')
		},
		doRowEdit(row) {
			this.$router.push({
				path: '/miaosha-form',
				query: {
					id: row.id
				}
			})
		},
		doRowDetail(row) {
			this.$router.push({
				path: 'miaosha-detail',
				query: {
					id: row.id
				}
			})
		},
		doRowOther(row, action_title) {
			if (action_title == '作废') {
				this.$confirm('确定活动作废?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$api({
						url: '/admin_service.php',
						method: "get",
						data: {
							action: "yingxiao_zuofeiSeckill",
							id: row.id,
						},
					}).then((res) => {
						if (res.code == 200) {
							this.setView();
							this.$message({
								message: res.msg,
								type: 'success'
							})
						} else {
							alertErr(res.msg)
						}
					});
				}).catch(() => {

				});
			}
		},
	},
};
</script>

<style scoped lang="less">
// /deep/ .el-table table {
//   width: 100% !important;

//   thead {
//     th.el-table__cell {
//       background: #f8f8f8;
//       color: #000;
//     }
//   }
// }


.page-table-ctx-wrap {
	background: #fff;
	padding: 20px;
	border-radius: 6px;
}

// 新增
.control-box {
	.flex-between();

	.control-left {
		.flex();

		.control-item {
			margin-right: 10px;
		}
	}

	.control-right {
		.flex();

		.action-item {
			margin-left: 10px;
		}
	}
}

.table-view {
	margin-top: 20px;
	margin-bottom: 20px;
}


// 表格工具栏
.table-util {
	.flex-between();

	.util-left {
		.flex();
		min-width: 100px;

		.util-items {
			.flex();

			.item {
				margin-right: 10px;
			}
		}
	}

	.util-right {}
}
</style>